/*所有的css都整合在一起，注释区域标出了各自的模块*/
html { height: 100%; overflow: hidden; _padding: 45px 0 76px; }
body { 
	height: 100%; max-height: 100%;
	border: 0;
	font: 12px/20px Arial, Helvetica, sans-serif;
	-moz-user-select: -moz-none;
 }
caption,th { text-align: left; }
/*中间左边的菜单布局*/
.minwidth { min-width: 600px; }
.clearfix { _zoom: 1; }
.clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0px; }
.em-container {
  width: auto;
  margin: 2px 1px 30px 1px;
  text-align: left;
}

.em-container label {
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  padding: 5px 20px;
  position: relative;
  z-index: 20;
  display: block;
  height: 30px;
  cursor: pointer;
  color: #777;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
  line-height: 33px;
  font-size: 19px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
  background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
  background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
  background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
  background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
  box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3),
            1px 0px 0px 0px rgba(255,255,255,0.9) inset,
            0px 2px 2px rgba(0,0,0,0.1);
}

.em-container label:hover {
  background: #fff;
}

.em-container input:checked + label,
.em-container input:checked + label:hover {
  background: #c6e1ec;
  color: #3d7489;
  text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
  box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3),
            0px 2px 2px rgba(0,0,0,0.1);
}

.em-container label:hover:after,
.em-container input:checked + label:hover:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 7px;
  background: transparent url(/s/img/arrow_down.png) no-repeat center center;
}

.em-container input:checked + label:hover:after {
  background-image: url(/s/img/arrow_up.png);
}

.em-container input {
  display: none;
}

.em-container article {
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.em-container article p {
  font-style: italic;
  color: #777;
  line-height: 23px;
  font-size: 14px;
  padding: 20px;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.em-container input:checked ~ article {
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.em-container input:checked ~ article.em-small {
  height: auto;
}

.em-container input:checked ~ article.em-medium {
  height: auto;
}

.em-container input:checked ~ article.em-large {
  height: auto;
}

.em-container {
  width: auto;
  margin: 2px 1px 30px 1px;
  text-align: left;
}

.em-container label {
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  padding: 5px 20px;
  position: relative;
  z-index: 20;
  display: block;
  height: 30px;
  cursor: pointer;
  color: #777;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
  line-height: 33px;
  font-size: 19px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
  background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
  background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
  background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
  background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
  box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3),
            1px 0px 0px 0px rgba(255,255,255,0.9) inset,
            0px 2px 2px rgba(0,0,0,0.1);
}

.em-container label:hover {
  background: #fff;
}

.em-container input:checked + label,
.em-container input:checked + label:hover {
  background: #c6e1ec;
  color: #3d7489;
  text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
  box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3),
            0px 2px 2px rgba(0,0,0,0.1);
}

.em-container label:hover:after,
.em-container input:checked + label:hover:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 7px;
  background: transparent url(/s/img/arrow_down.png) no-repeat center center;
}

.em-container input:checked + label:hover:after {
  background-image: url(/s/img/arrow_up.png);
}

.em-container input {
  display: none;
}

.em-container article {
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.em-container article p {
  font-style: italic;
  color: #777;
  line-height: 23px;
  font-size: 14px;
  padding: 20px;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.em-container input:checked ~ article {
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.em-container input:checked ~ article.em-small {
  height: auto;
}

.em-container input:checked ~ article.em-medium {
  height: auto;
}

.em-container input:checked ~ article.em-large {
  height: auto;
}


/*中间左边的菜单布局*/

/*圣杯布局*/
.minwidth {
  min-width: 600px;
}

.clearfix {
  _zoom: 1;
}

.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
}


.default-main {
  position: absolute;
  _position: relative;
  margin-top: 10px;
  top: 44px;
  _top: auto;
  bottom: 75px;
  _bottom: auto;
  width: 100%;
  _height: 100%;
  overflow: hidden;
}

.default-top{
	top: 30px;
	height: 489px;
}
.main-wrapper {
  _margin: 0 252px 0 172px;
  height: 100%;
}

.layout-hd, .layout-ft {
  background: #EEEEEE;
  overflow-y: visible;
  z-index: 40;
}

.layout-bd {
  position: absolute;
  height: 100%;
}

.layout-hd {
  height: 53px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.layout-ft {
  border-top: 1px solid #c1c1c1;
  height: 76px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: auto;
  text-align: right;
}


.em-left {
  left: 0;
  width: 171px;
  overflow: auto;
}

.middle {
  min-width: 60%;
  width: 90%;
  left: 172px;
  right: 251px;
  border-left: 1px solid #c1c1c1;
}
/*圣杯right*/
/*.em-right {
  border-top: 1px solid #c1c1c1;
  right: 0;
	background:#ddd;
  width: 0;
  border-left: 1px solid #c1c1c1;
}*/

.em_1 {
  font-size: 15px;
  color: black;
  text-decoration: none;
}

.em-small {
  padding: 2px 0px 0px 20px;
}

#em_3 {
  display: none;
  OVERFLOW-y: auto;
}
/*圣杯布局*/